<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="renderer" content="webkit">
    <title>简历</title>
    <style>
        *{margin: 0;padding:0;font-size: 14px}
        .m-list-flex{display: flex;align-items: center;justify-content: center;}
        .m-list-flex .m-cell-bd{flex:1;overflow: hidden;}
        .fs12{font-size: 12px;}
        .fs13{font-size: 13px;}
        .fs14{font-size: 14px;}
        .col0{color: #000}
        .col6{color: #666}
        .col9{color: #999}
        .pl5{padding-left: 5px}
        .pt5{padding-top: 5px}
        .table{width:100%;display:table;table-layout:fixed;}
        .table-cell{display:table-cell;vertical-align:middle;}
        .table-cell.vt{vertical-align:top;}
        .table-cell.vb{vertical-align:bottom;}
        .content_part.pb15{padding-bottom: 15px}
        .single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
        .multi-line{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
        .content{max-width: 640px;display: block;margin:0 auto;font-size: 14px}
        .content_part{padding:0 15px;}
        .content_tit{font-size: 14px;color: #000;padding: 15px 0}
        .header{width: 81px;height: 81px;border-radius: 50%;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: middle;}
        .header img{width: 100%;height: 100%;display: block}
        .person_info{padding-left:10px;width: 100% }
        .person_name{display: inline-block;vertical-align: middle;font-size: 16px;color: #000;padding-right: 18px}
        .person_info .col6{display: inline-block;vertical-align: middle;}
        .pt13{padding-top: 13px;}
        .content_item{padding-top: 12px;padding-bottom: 12px;font-size: 12px;color: #333;border-bottom: 1px solid #F6F6F6}
        .content_part{border-bottom: 12px solid #F4F4F4}
        .person_part{border-bottom: 1px solid #f6f6f6;padding-bottom: 15px}
        .job_item{font-size: 12px;color: #333;padding-top: 5px;padding-bottom: 5px}
        .date_name{font-size: 14px;color: #999}
        .date_info{font-size: 14px;color: #333;padding-top: 5px;padding-bottom: 5px;}
        .date_type{font-size: 12px;color: #999}
        .edu_item{position: relative;width:100%;padding-left: 20px}
        .edu_item::before{content:'';width: 1px;position: absolute;top: 5px;bottom: -25px;background-color: #F3F3F3;display: block;left: 5px }
        .type_cir img{width: 11px;height: 11px;display: block;margin-top: 3px;position: relative;z-index: 20}
        .content_part .table{padding-bottom: 25px;}
        .content_part .table:nth-last-child(1) .edu_item::before{display: none}
        .person_tip{border: 1px solid #e1e1e1;border-radius: 50px;line-height: 35px;padding: 0 20px;text-decoration: none;float: left;display: block;margin-right: 12px;min-width: 60px;text-align: center;
        }
        .clearfix:after{content:"$";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
        .clearfix{display:inline-block;}/* Hides from IE-mac \*/
        * html .clearfix{height:1%;}
        .clearfix{display:block;}/* End hide from IE-mac */
    </style>
</head>
<body>
<section class="content">
    <div class="content_part">
        <p class="content_tit fs14">基本信息</p>
        <div class="person_part table">
            <table>
                <tr>
                    <td><div class="header">
                        <img width='81px' height='81px' src="{$resume.personal.avatar|cdnurl|htmlentities}" alt="">
                    </div></td>
                    <td width="300">
                        <div class="person_info table-cell">
                            <p class="single-line person_name">{$resume.personal.realname|htmlentities} <span class="fs12 col6">| {$resume.personal.gender_text|htmlentities} ｜ {$resume.personal.age|htmlentities}岁</span></p>
                            <p class="fs12 col0 pt13">籍贯:{$resume.personal.hukou_city|htmlentities} |
                                {$resume.personal.work_experience.name??''}工作经验 ｜
                                {$resume.personal.current_state.name??''}</p>
                        </div>
                    </td>
                </tr>
            </table>


        </div>
        <p class="content_item fs14">手机：{$resume.personal.mobile|htmlentities}</p>
        <p class="content_item fs14">求职状态：{$resume.personal.current_state.name??''}</p>
    </div>

    <!--求职意向-->
    {if $resume.job_intention}
    <div class="content_part pb15">
        <p class="content_tit fs14">求职意向</p>
        {foreach $resume.job_intention as $intention}
        <div class="table">
            <table>
                <tr>
                    <td></td>
                    <td class="pl5">
                        <p class="date_type fs14">[{$intention.fav_city.shortname|htmlentities}]{$intention.fav_category?$intention.fav_category.category_name:''}</p>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td class="pl5"><p class="date_type fs14">{$intention.expect_salary?$intention.expect_salary.name:''}  {$intention.fav_industry?$intention.fav_industry.name:''}</p></td>
                </tr>
            </table>
        </div>
        {/foreach}
    </div>
    {/if}

    {if $resume.educations}
    <div class="content_part pb15">
        <p class="content_tit fs14">教育经历</p>
        {foreach $resume.educations as $education}
        <div class="table">
            <table>
                <tr>
                    <td>
                        <div class="type_cir">
                            <img width="11px" height="11px" src="" alt="">
                        </div>
                    </td>
                    <td class="pl5">
                        <p class="date_name fs14">{$education.start|str_replace='-','/',###}-{$education.end|str_replace='-','/',###}</p>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td class="pl5"><p class="date_info ">{$education.school_name|htmlentities}</p></td>
                </tr>
                <tr>
                    <td></td>
                    <td class="pl5"><p class="date_type fs14">{$education.level.name|htmlentities} | {$education.major|htmlentities}</p></td>
                </tr>
            </table>
        </div>
        {/foreach}
    </div>
    {/if}

    {if $resume.works}
    <div class="content_part pb15">
        <p class="content_tit fs14">工作经历</p>
        {foreach $resume.works as $work}
        <div class="table">
            <table>
                <tr>
                    <td>
                        <div class="type_cir">
                            <img width="11px" height="11px" src="" alt="">
                        </div>
                    </td>
                    <td class="pl5">
                        <p class="date_name fs14">{$work.start|str_replace='-','/',###}-{$work.end|str_replace='-','/',###}</p>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td class="pl5"><p class="date_info ">{$work.company_name|htmlentities}</p></td>
                </tr>
                <tr>
                    <td></td>
                    <td class="pl5"><p class="date_type fs14">{$work.job_title|htmlentities}</p></td>
                </tr>
                <tr class="pt5">
                    <td></td>
                    <td class="pl5"><p class="fs13">{$work.detail|str_replace="\\n",'<br>',###}</p></td>
                </tr>
            </table>
        </div>
        {/foreach}
    </div>
    {/if}

    {if $resume.personal_tags}
    <div class="content_part pb15">
        <p class="content_tit fs14">个人标签</p>
        <div class="clearfix">
            {foreach $resume.personal_tags as $tag}
            <span href="javascript:;" class="person_tip fs13 col6">{$tag.name|htmlentities}</span>
            {/foreach}
        </div>
    </div>
    {/if}

</section>
</body>

</html>